@keyframes loading-rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  .el-loading-spinner {
    display: block;
    -ms-display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 #ff3d71;
    animation: loading-rotate 2s linear infinite;
    &::before {
      top: 3px;
      left: 3px;
      right: 3px;
      bottom: 3px;
      box-shadow: 0 1px 2px 0 #ffaa00;
      animation: loading-rotate 3s linear infinite;
      content: '';
      position: absolute;
      border-radius: 50%;
    }
    &::after {
      top: 6px;
      left: 6px;
      right: 6px;
      bottom: 6px;
      box-shadow: 0 1px 2px 0 #0095ff;
      animation: loading-rotate 1.5s linear infinite;
      content: '';
      position: absolute;
      border-radius: 50%;
    }
    .circular, .el-loading-text {
      display: none;
      -ms-display: block;
    }
  }